<%@ page contentType="text/html;charset=UTF-8" %>
<%@include file="/WEB-INF/jsp/common/taglibs.jspf" %>
<div class="page-content overflow-hidden">
    <div class="row">
        <div class="col-sm-12">
            <%--@elvariable id="model" type="com.bfl.sa.personal.calendar.entity.Calendar"--%>
            <form:form id="editForm" method="post" commandName="model" cssClass="form-horizontal">
                <div class="form-group">
                    <form:label path="title" cssClass="col-sm-3 control-label no-padding-right">标题：</form:label>
                    <div class="col-sm-9">
                        <form:input path="title" cssClass="col-sm-10 validate[required,maxSize[100]]"/>
                    </div>
                </div>
                <div class="form-group">
                    <form:label path="startDate"  cssClass="col-sm-3 control-label no-padding-right">开始日期：</form:label>
                    <div class="col-sm-9">
                        <div class="col-sm-10 input-group">
                            <form:input path="startDate" cssClass="form-control validate[required] date" readonly="true"/>
                            <span class="input-group-addon"><i class="fa fa-clock-o bigger-110"></i></span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <form:label path="length" cssClass="col-sm-3 control-label no-padding-right">持续天数：</form:label>
                    <div class="col-sm-9">
                        <form:input path="length" cssClass="col-sm-5 validate[required]" type="number" min="0"/>
                        <span class="help-inline col-sm-7"><span class="middle">全天提醒事项</span></span>
                    </div>
                </div>
                <div class="form-group">
                    <form:label path="startTime" cssClass="col-sm-3 control-label no-padding-right">开始时间：</form:label>
                    <div class="col-sm-9">
                        <div class="col-sm-10 input-group">
                            <form:input path="startTime" cssClass="form-control validate[required] date" data-date-type="time" readonly="true"/>
                            <span class="input-group-addon"><i class="fa fa-clock-o bigger-110"></i></span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <form:label path="endTime" cssClass="col-sm-3 control-label no-padding-right">结束时间：</form:label>
                    <div class="col-sm-9">
                        <div class="col-sm-10 input-group">
                            <form:input path="endTime" cssClass="form-control validate[required] date" data-date-type="time" readonly="true"/>
                            <span class="input-group-addon"><i class="fa fa-clock-o bigger-110"></i></span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <form:label path="details" cssClass="col-sm-3 control-label no-padding-right">备注：</form:label>
                    <div class="col-sm-9">
                        <form:textarea path="details" cssClass="col-sm-10 validate[maxSize[500]]"/>
                    </div>
                </div>
                <div class="form-group">
                    <form:label path="backgroundColor" cssClass="col-sm-3 control-label no-padding-right">背景颜色：</form:label>
                    <div class="col-sm-9">
                        <select id="backgroundColor" class="col-sm-10">
                            <c:forEach items="${backgroundColorList}" var="c">
                                <option style="background: ${c}" value="${c}">&nbsp;</option>
                            </c:forEach>
                        </select>
                    </div>
                </div>
                <div class="btn-group-sm center">
                    <button id="btnSave" class="btn btn-info" type="button">
                        <i class="ace-icon fa fa-check"></i> 确定
                    </button>&nbsp; &nbsp; &nbsp;
                    <button id="btnClose" class="btn" type="button">
                        <i class="ace-icon fa fa-undo"></i> 取消
                    </button>
                </div>
            </form:form>
        </div>
    </div>
</div>
